<template>
  <view>
    <view class="card_wrapper" v-for="(item,index) in list">
      <view class="text-wrapper_15">
        <text class="text_24">{{ item.remark }}</text>
        <view class="text-wrapper_15 flex-row">
          <view class="text-wrapper" style="background: rgba(82,29,255,0.1);">
            <text style="color: rgba(82, 29, 255, 0.65)">{{ item.gameName }}</text>
          </view>
          <view class="text-wrapper" style="background: rgba(34, 119, 255, 0.10)">
            <text style="color: rgba(34, 119, 255, 1)">30分钟</text>
          </view>
        </view>
      </view>
      <view class="flex-row">
        <view class="text-wrapper" style="background: rgba(255, 204, 0, 1)">
          <text style="color: rgba(255, 255, 255, 1)">待接单</text>
        </view>
<!--        <view class="text-wrapper" style="background: rgba(34, 119, 255, 1)">-->
<!--          <text style="color: rgba(255, 255, 255, 1)">已接单</text>-->
<!--        </view>-->
        <text class="text_27" style="color: rgba(153, 153, 153, 1)">3min&nbsp;前发布</text>
      </view>
    </view>
  </view>
</template>

<script>
import tips_bail from '@/static/images/index/tips-bail.png' // plugins
const app = getApp()
export default {
  props: {
    list: {
      type: Array,
      default: []
    },
    gameId: {
      type: String,
      default: ''
    },
    tips_bail: tips_bail
  },
  data() {
    return {}
  },
  methods: {
    btnNav(url) {
      url && app.btnNav(url)
    },
  }
}
</script>
<style lang="scss" scoped>
.card_wrapper {
  background: linear-gradient(201deg, rgba(82, 29, 255, 0.1) 0%, rgba(34, 119, 255, 0.1) 25%, rgba(34, 119, 255, 0) 50%), #FFFFFF;
  box-shadow: 0rpx 4rpx 16rpx 0rpx rgba(34, 0, 75, 0.02);
  border-radius: 16rpx;
  border: 2rpx solid #FFFFFF;
  margin: 22px 13px 0 12px;
  padding: 22px 0 18px 16px;
}

.text-wrapper_15 {
  margin: 16px 109px 0 0;
}

.text_24 {
  overflow-wrap: break-word;
  color: rgba(34, 34, 34, 1);
  font-size: 16px;
  font-family: PingFangSC-Semibold;
  font-weight: 600;
  text-align: left;
  white-space: nowrap;
  line-height: 24px;
}

.text_27 {
  overflow-wrap: break-word;
  color: rgba(153, 153, 153, 1);
  font-size: 10px;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
  line-height: 14px;
  margin: 5px 0 0 12px;
}




</style>